// function boxCon() {
//   ajax({
//     // 请求方式
//     method: "get",
//     // 请求地址
//     url: `https://www.jsteels.com:9088/jz/portal/IndustryKnowledge/list/1/10`,
//     // 异步同步
//     async: true,
//     // 转嘀的参数
//     data: {},
//     // 请求头
//     contentType: "",
//     // 成功的回调函数
//     success: function (res) {
//       var obj = JSON.parse(res)
//       console.log(obj);
//       // 获取盒子
//       var divBox = document.querySelector(".wwh-main01-right")
//       for (var i = 0; i < 7; i++) {
//         if (i >= 4) {
//           divBox.innerHTML += `
//             <div class="wwh-main01-right-box clearfix">
//               <div class="wwh-box-data">
//                 <h2>${obj.list[i].createDate.split("-")[2]}</h2>
//                 <p>${obj.list[i].createDate.substring(0, 7)}</p>
//               </div>
//               <div class="wwh-box-con">
//                 <h3>${obj.list[i].title}</h3>
//                 <div>${obj.list[i].content}</div>
//               </div>
//             </div>
//           `
//         }
//       }
//       // 获取ul
//       var ulLi = document.querySelector(".wwh-main02-box")
//       for (var i = 0; i < obj.list.length; i++) {
//         ulLi.innerHTML += `
//           <li class="clearfix">
//             <div class="wwh-box-img">
//               <img src="https://www.jsteels.com/prod-api${obj.list[i].imgSrc}" alt="">
//             </div>
//             <div class="wwh-main02-box-con wwh-box-con">
//               <h3>${obj.list[i].title}</h3>
//               <div>${obj.list[i].content}</div>
//             </div>
//             <div class="wwh-box-data wwh-main02-data">
//               <h2>${obj.list[i].createDate.split("-")[2]}</h2>
//               <p>${obj.list[i].createDate.substring(0, 7)}</p>
//             </div>
//           </li>
//         `
//       }
//     },
//     // 失败的回调函数
//     error: function (err) {
//       console.log(err);

//     }
//   })
// }
// boxCon()


/* 分页器 */
// 一共多少数据
var pages = null
// 默认显示第一页，五条数据
var pageNum = 1
var pageSize = 10

// a = pageNum =1
// b = pageSize =5
// c = 函数
function fn(a, b, c) {
  ajax({
    // 请求方式
    method: "get",
    // 请求地址
    url: `https://www.jsteels.com:9088/jz/portal/IndustryKnowledge/list/${a}/${b}`,
    // 异步同步
    async: true,
    // 转嘀的参数
    data: {
    },
    // 请求头
    contentType: "",
    // 成功的回调函数
    success: function (res) {
      var obj = JSON.parse(res)
      // 页码数
      pages = obj.pages
      if (a == 1) {
        // 获取盒子
        var divBox = document.querySelector(".wwh-main01-right")
        // 每次渲染之前先清空之前的
        divBox.innerHTML = ""
        for (var i = 0; i < 7; i++) {
          if (i >= 4) {
            divBox.innerHTML += `
              <div class="wwh-main01-right-box clearfix" onclick="knowledge(${obj.list[i].id})">
                <div class="wwh-box-data">
                  <h2>${obj.list[i].createDate.split("-")[2]}</h2>
                  <p>${obj.list[i].createDate.substring(0, 7)}</p>
                </div>
                <div class="wwh-box-con">
                  <h3>${obj.list[i].title}</h3>
                  <div>${obj.list[i].content}</div>
                </div>
              </div>
            `
          }
        }
      }else{
        // 获取盒子
        var divBox = document.querySelector(".wwh-main01-right")
        // 每次渲染之前先清空之前的
        divBox.innerHTML = ""
      }
      // 获取ul
      var ulLi = document.querySelector(".wwh-main02-box")
      // 每次渲染之前先清空之前的
      ulLi.innerHTML = ""
      for (var i = 0; i < obj.list.length; i++) {
        ulLi.innerHTML += `
          <li class="clearfix" onclick="knowledge(${obj.list[i].id})">
            <div class="wwh-box-img">
              <img src="https://www.jsteels.com/prod-api${obj.list[i].imgSrc}" alt="">
            </div>
            <div class="wwh-main02-box-con wwh-box-con">
              <h3>${obj.list[i].title}</h3>
              <div>${obj.list[i].content}</div>
            </div>
            <div class="wwh-box-data wwh-main02-data">
              <h2>${obj.list[i].createDate.split("-")[2]}</h2>
              <p>${obj.list[i].createDate.substring(0, 7)}</p>
            </div>
          </li>
        `
      }
      // 如果我传递了函数那么就调用函数，并且把页码传进来
      if (c) {
        c(pages)
      }
      console.log(obj);
    },
    // 失败的回调函数
    error: function (err) {
      console.log(err);

    }
  })

}
fn(pageNum, pageSize, function (row) {
  pageAction(".box1 .pageIndex", ".box1 .left", ".box1 .right", row,
    function (res) {
      // res当前选中的第几页，pageSize就是五条数据
      fn(res, pageSize)
      console.log(res, "当前位置");
    })
})
// 跳转页面
function knowledge(id) {
  location.href = `./details.html?id=${id}&from=行业知识`
}